module.exports = {
  //手动切换暗黑模式
  darkMode:'class',
  // 标记tailwind 应用范围
  content: ['./index.html','./src/**/*.{vue,js}'],
  theme: {
    extend: {
      fontSize: {
        xs: ['0.25rem', '0.35rem'],
        sm: ['0.35rem', '0.45rem'],
        base: ['0.42rem', '0.52rem'],
        lg: ['0.55rem', '0.65rem'],
        xl: ['0.65rem', '0.75rem']
      },
      boxShadow:{
<<<<<<< HEAD
        'l-white':'-10px 0 10px white'
<<<<<<< HEAD
      },
      height:{
        header:'72px',
        main:'calc(100vh-72px)'
      },
      color:{
        main:'#f44c58',
        'hover-main':'$f32836'
=======
=======
        'l-white':'-10px 0 10px white',
        'l-zinc':'-10px 0 10px #18181b'
>>>>>>> 8fc4f7466f13d4abf150b2cc3a1e2668fdf31af6
      },
      height:{
        header:'d72px',
        main:'calc(100vh - 72px)'
<<<<<<< HEAD
=======
      },
      colors:{
        main:'#f44c58',
        'hover-main':'#f32836'
>>>>>>> 8fc4f7466f13d4abf150b2cc3a1e2668fdf31af6
>>>>>>> e4e98f4a46ac18500120564c91c0373b28be926c
      }
    },
  },
  plugins: [],
}
